<div class="container" id="ajax_content">
    <?php
        include 'header2.php';
    ?>
    <div class="content">
    	<div class="headcontent">
            <span class="randomtext" style="margin-left:50px">Hi, 
            <?php
                global $session;
                $user_id = $session->get('userid');
                $sql="SELECT fullname FROM user WHERE iduser='$user_id'";
		$result=mysql_query($sql);
		while($res = mysql_fetch_array($result)) {
                    $nama = $res['fullname'];
		}
		echo $nama;
            ?>
            </span>
            <span class="randomtext" style="padding-left:900px">NOTIFIKASI</span>
        	<hr/>
        </div>
    	<div class="leftcontent" style="width:250px; border-right-style: groove">
            <div style="margin-left: 40px">
                <div class="fotoitem">
                    <img src="<?php echo $pimg;?>" alt="profpic" height="200" width="150" />
                </div>
          </div>
            <div class="clearboth"></div>
            <div>
                <div class="randomtext" style="margin-bottom: 10px; margin-top: 15px">Personal Information</div>
                <div class="item2">
                	<label>Full Name :</label><br/>
                        <label style="text-align:left"><?php echo $user;?></label>
                </div>
                <div class="item2">
                	<label>Birth Date :</label><br/>
                        <label style="text-align:left"><?php echo $pbirthday;?></label>
                </div>
                <div class="item2">
                	<label>E-mail :</label><br/>
                        <label style="text-align:left"><?php echo $pemail;?></label>
                </div>
                <div class="item2">
                	<label>Gender :</label><br/>
                        <label style="text-align:left"><?php if ($pgender == 'P') {echo "Pria";} else {echo "Wanita";};?></label>
                </div>
                <div class="item2">
                	<label>Location :</label><br/>
                        <label style="text-align:left"><?php echo $plocation;?></label>
                </div>
                <div class="item2">
                    <a href="<?php echo BASE_PATH;?>eprof/index">
                    <button name="editprof">Edit Personal Information</button>
                    </a>
                </div>
            </div>
        </div>
        <div class="leftcontent" style="width:730px; border-right-style: groove">
            <div class="randomtext">
                 <label>Chat</label>
            </div>
            <div>
                <ul style="list-style:none" >
                <?php
                    foreach ($online as $iterfollowing) {
                    ?>
                        <li>
                            <a href="#" onclick="loadConv('<?php echo BASE_PATH;?>notifikasi/loadconv/<?php echo $iterfollowing['username'];?>');ajaxGet('<?php echo BASE_PATH;?>notifikasi/fetch/<?php echo  $iterfollowing['username'];?>')">
                                <img src="<?php echo BASE_PATH; ?>/<?php echo $iterfollowing['profpic']; ?>" alt="user_followed" height="100" width="100" /> </a> <br />
                        </li>
                    <?php
                    }
                ?>
                </ul>
            </div>
            <div id="chat-box">

            </div>
            <div class="clearboth"></div>
        </div>
        <script>
            loadnotiffollow('<?php echo BASE_PATH;?>/notifikasi/notif');
        </script>
        <div id="notif" class="leftcontent" style="width:250px; padding-left: 20px">
            
            <div class="clearboth"></div>
        </div>
        <div class="clearboth"></div>
    </div>
    <div class="footer"></div>
</div>

